
<link href="${ctxStatic}/bootstrap-tabel/bootstrap-table.css" rel="stylesheet" type="text/css" />


<script src="${ctxStatic}/bootstrap-tabel/bootstrap-table.js" type="text/javascript"></script>

<script src="${ctxStatic}/bootstrap-tabel/bootstrap-table-zh-CN.js" type="text/javascript"></script>

<!-- 统一设置table默认高度 -->
<!-- 弹出框分页为5的统一高度 -->
<c:set var="dataHeight306" value="306"/>
<!-- 统一设置table默认高度 -->
<c:set var="dataHeight" value="360"/>
<!-- 3级菜单没有滚动条 -->
<c:set var="dataHeight410" value="410"/>
<!-- 刚好显示10条记录没有滚动条 -->
<c:set var="dataHeight491" value="491"/>


<!-- 统一设置分页默认值 -->
<c:set var="dataPageList" value="[5, 10, 20, 50, 100, 200]"/>
<style>
	.bootstrap-table-input{
		display: inline-block;
		height: 20px;
		padding: 4px 6px;
		font-size: 14px;
		line-height: 20px;
		color: #555;
		vertival-align: middle;
		border-radius: 4px;
		
		background-color: #fff;
		border: 1px solid #ccc;
		
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear .2s, box-shadow linear .2s;
		-moz-transition: border linear .2s, box-shadow linear .2s;
		-o-transition: border linear .2s, box-shadow linear .2s;
		transition: border linear .2s, box-shadow linear .2s;
	}
	.bootstrap-table-input:focus,.bootstrap-table-input:focus{
	   border-color: rgba(82, 168, 236, 0.8);
	   outline: 0;
	   outline: thin dotted \9;
 	   /* IE6-9 */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	}
	
.date-width-200	{
width: 200px;
}

.date-width-150	{
width: 150px;
}


.date-width-operation{
width: 100px;
}


.switch-wrap input[type=checkbox]{
  height: 0px;
  width: 0px;
  visibility: hidden;
  margin:0;
  padding:0;
}
.switch-wrap label{
  display: inline-block;
  width: 40px;
  height: 18px;
  border: 1px solid #DFDFDF;
  outline: none;
  border-radius: 16px;
  box-sizing: border-box;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color .3s,background-color .3s;
  vertical-align: middle;
  position: relative;
}
.switch-wrap label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  background-color: #fff;
}
.switch-wrap input:checked + label {
  background: #33DB70;
}
.switch-wrap input:checked + label:before {
  transform: translateX(25px);
}

</style>